* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}

li {
    list-style: none;
}
body, button, input, select, textarea {
    font: 14px/1 Arial,"Microsoft YaHei","\5B8B\4F53",arial,tahoma,sans-serif;
}


html {
    color: #171717;
    background: #fff;
}
@color:red;
@color1:#E7E7E7;
#top {
    width: 100%;
    height: 30px;
    color: #818181;
    background: #F7F7F7;
    line-height: 30px;
    ul {
        li:hover{
            color: @color;
        }
        .shu{
            float: right;
            margin-right: 10px;
        }
        .myshop {
            margin-right: 10px;
        }
        .yijian {
            margin-right: 0;
        }
        .qczj {
            float: left;
        }
        .guanzhu {
            margin-right: 10px;
        }
        width: 1170px;
        height: 30px;
        margin: 0 auto;
        li {
            font-size: 12px;
            line-height: 30px;
            float: right;
            margin-right: 10px;
        }
    }
}
//头部结束
//大盒子
#box{
    margin: 0 auto;
    width: 1170px;
    
    .dibu{
        width: 1170px;
        height: 98px;
        .xiabu{
            width: 1170px;
            height: 70px;
            line-height: 70px;
            padding-right: 30px;
            a{
                display: inline-block;
                 width: 180px;
                height: 50px;
                float: right;
                text-align: center;
                line-height: 50px;
                background: #DC381C;
                color: white;
                font-weight: 700;
                font-size: 20px;
                margin-top: 10px;

            }
            span{
                
                display: inline-block;
                i{
                    display: inline-block;
                    margin-top: 10px;
                    width: 23px;
                    height: 23px;
                    background: url(../imgs/icon-14a2b.png) 0px -160px no-repeat;
                }
                margin-left: 850px;

            }
        }
        .dibu_top{
            width: 1140px;
            height: 28px;
            padding-right: 30px;
            text-align: right;
            b{
                font-size: 28px;
                color: #ea3c1f;
                margin-left: 5px;
                position: relative;
                top: 3px;
            }
        }
    }
    .spze{
        width: 1168px;
        height: 157px;
        margin: 20px auto;
        border: 1px solid #e7e7e7;
        .money{
            width: 1124px;
            height: 112px;
            margin: 10px auto;
            p{
                margin-left: 959px;
                margin-top: 28px;
            }
        }
    }
    .spxx{
        width: 1168px;
        height: 247px;
        border: 1px solid #e7e7e7;
        h3{
            margin-top: 20px;
            margin-left: 20px;
        }
        .spxx-xin{
            width: 1124px;
            height: 166px;

            margin: 20px auto;
            table{
                border: none;
                tr{
                    border: none;
                    .mingcheng{
                        width: 440px;
                    }
                    th{
                        background: #e7e7e7;
                        border: none;
                        width: 168px;
                        height: 39px;
                    }
                    td{
                        text-align: center;
                        font-size: ;
                        border: none;
                    }
                    
                }
            }
        }
    }
    .zffs{
        width: 1168px;
        height: 140px;
        border: 1px solid #e7e7e7;
        span{
                display: inline-block;
                width: 160px;
                height: 42px;
                text-align: center;
                line-height: 42px;
                background-color: #fff;
                border: 1px solid #ff8a00;
                margin-left: 50px;
                margin-top: 20px;
        }
        h3{
            margin-top: 20px;
            margin-left: 20px;
        }
    }
    .fangshi{
        width: 1124px;
        height: 125px;
        border: 1px solid #e7e7e7;
        padding: 22px;
        position: relative;
        .ddtc{
            width: 1094px;
            height: 42px;
            margin-left: 30px;
            margin-top: 25px;
            margin-bottom: 10px;
            span{
                display: inline-block;
                width: 160px;
                height: 42px;
                text-align: center;
                line-height: 42px;
                background-color: #fff;
                border: 1px solid #ff8a00;
            }
        }
    }
    .order-box{
        border-top: none;
        border: 1px solid #e7e7e7;
        padding: 22px;
        position: relative;
        
        .order-form {
            margin-top: 15px;
   
            dl{
                width: 1124px;
                height: 42px;
                line-height: 42px;
                margin-bottom: 10px;
                dd{
                    float: left;
                    .order-form-tip {
                        color: #b2b9bf;
                        font-size: 12px;
                        margin-left: 10px;
                    }
                    input {
                        width: 238px;
                        color: #b2b9bf;
                        border: 1px solid #d3d3d3;
                        height: 20px;
                        padding: 10px;
                    }
                }
                
                dt {
                    width: 100px;
                    padding-right: 5px;
                    text-align: right;
                    line-height: 42px;
                    float: left;
                }    
            }
        }
        .order-title {
            font-size: 16px;
            font-weight: 400;
        }
    }
    .head{
        width: 1168px;
        height: 48px;
        line-height: 48px;
        border: 1px solid @color1;
        h2{
            font-size: 20px;
            padding-left: 20px;
            float: left;
            font-weight: 500;
            display: block;
            line-height: 48px;
        }
        .buzhou{
            width: 810px;
            height: 48px;
            float: right;
            ul{
                float: left;
                li{
                    float: left;
                    text-align: center;
                    font-weight: 700;
                    width: 210px;
                    margin-right: 2px;
                    height: 44px;
                    line-height: 44px;
                    margin-top: 2px;
                    background-color: #ececec;
                }
                .current{
                    width: 276px;
                    height: 44px;
                    background-color: #73b400;
                    color: #fff;
                }    
            }
            .title{
                float: left;
                font-size: 15px;
                font-weight: 700;
                margin-right: 10px;
            }
        }
    }
}
//版权
#banquan{
    span{
        font: 14px/1 Arial,"Microsoft YaHei","\5B8B\4F53",arial,tahoma,sans-serif;       
        line-height: 50px;  
        color: #fff;  
        font-size: 12px;                 
    }
    width: 100%;
    height: 50px;
    background: #272d3c;
    float: left;
    text-align: center;
}
//底部
#footer{
    #footer1{
        .footer_wx{
            img{
                margin-top: 70px;
                margin-left: 250px;
            }
        }
        .footer-chengnuo{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px;                 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;

            margin-top: 69px;
            
        }
        .footer-title{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px;                 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;

            margin-top: 69px;
            
        }
        .footer-link{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px; 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;
            margin-left: 270px;
            margin-top: 69px;
            
        }
        .footer-line{
            position: absolute;
            left: 310px;
            top: 50%;
            margin-top: -97px;
            height: 194px;
            display: block;
            border-left: 1px solid #465270;
        }
        .footer_logo{
            width: 234px;
            padding: 30px;
            position: absolute;
            top: 43%;
            margin-top: -40px;
            margin-left: 490px;
        }
        width: 1170px;
        height: 250px;
        margin: 0 auto;
    }
    width: 100%;
    height: 250px;
    background: #2B3243;
    float: left;
    position: relative;
    
}